<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>平安银行电商流水贷-用户注册</title>

    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="images/favicon.ico"/>
    <link rel="bookmark" href="images/favicon.ico" type="image/x-icon" 　/>

    <!-- CSS -->
    <!-- Bootstrap -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <!-- FontAwesome -->
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!-- Elegant icon font -->
    <link rel="stylesheet" href="css/line-icons.min.css">
    <!-- Animation -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Prettyphoto -->
    <link rel="stylesheet" href="css/prettyPhoto.css">
    <!-- Owl Carousel -->
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.theme.css">
    <!-- Scrolling nav css -->
    <link rel="stylesheet" href="css/scrolling-nav.css">
    <!-- Template styles-->
    <link rel="stylesheet" href="css/style.css">
    <!-- Responsive styles-->
    <link rel="stylesheet" href="css/responsive.css">
	<!-- Responsive styles-->
    <link rel="stylesheet" href="css/zeroModal.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/bdtj.js"></script>
</head>
<body>
    <div id="dsd">
        <header id="header" role="banner">
            <nav class="navbar navbar-default" id="menu">
                <div class="container">
                    <div class="row">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="sr-only">导航</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <div class="navbar-brand">
                                <dsd-logo logo_src="images/payh_logo.png" text="· 电商流水贷"></dsd-logo>
                            </div>                   
                        </div>
                        <div class="collapse navbar-collapse clearfix navMenu" role="navigation">
                            <ul class="nav navbar-nav navbar-right">
                                <li v-for="nav in navs" :id="nav.id">
                                    <a :href="nav.href">{{nav.text}}</a>
                                </li >
                            </ul>
                        </div>
                    </div>
                </div>
            </nav>
        </header>
            
        <banner-img banner_src="images/login-banner.png"></banner-img>

        <div class="container">
            <div class="row">
                <form class="center-block" name="register-form" id="register-form" action="#">
                    <h2 class="text-muted text-center">注册</h2>
                    <div class="form-group">
                        <input @blur="typeDone('mobile')" id="mobile" type="tel" class="form-control" placeholder="请输入手机号"/>
                        <span id="mobile-err" class="warning-info"></span>
                    </div>
                    <div class="form-group">
                        <input @blur="typeDone('pwd')" id="pwd" type="password" class="form-control" placeholder="请输入6-16位数字或字母组成的密码"/>
                        <span id="pwd-err" class="warning-info"></span>
                    </div>
                    <div class="form-group">
                        <input @blur="typeDone('code')" id="code" type="text" class="pull-left form-control input-code" placeholder="输入验证码"/>
                        <label for="code" class="imgcode"><img src="images/code.png"/></label>
                        <a class="change-code" href="#" onclick="changeImgCode()">换一张</a>
                    </div>
                    <div class="form-group">
                        <input @blur="typeDone('code')" id="sms" type="text" class="pull-left form-control input-code" class="input-code" placeholder="请输入手机校验码"/>
                        <a class="btn btn-deafult btn-sms change-code" onclick="getSmsCode(2);">免费获取校验码</a>
                        <span id="sms-err" class="warning-info"></span>
                    </div>
                    <div class="form-group">
                        <input id="protocal" name="protocal" v-model="checked" type="checkbox" value='1' />
                        我已阅读并同意《<a style="color:rgb(255,96,0);" href="sprotocal.html" target="_blank">电商流水贷用户协议</a>》
                    </div>
                    <div class="form-group">
                        <input id="register-button" type="submit" disabled="disabled" class="btn btn-warning form-control" onclick="register()" value="注册"/>
                    </div>
                    <div class="form-group">
                        <p><a class="pull-right" href="login.html"><u>已有账号，直接登录</u></a></p>
                    </div>
                </form>
            </div> <!-- row end  -->
        </div> <!-- container end  -->
        
        <footer id="footer">
            <div class="container">
                <div class="row">
                    <hr>
                    <div class="col-md-6">
                        <div class="col-md-12">
                            <div class="copyright">
                                <p class="pull-left">
                                    <a href="about.html">关于我们</a> | 
                                    <a href="sprotocal.html">服务协议</a> | 
                                    <a href="privateinfo.html">隐私条款</a> | 
                                    <a href="lawdeclare.html">免责声明</a>
                                </p>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="copyright">
                                <p class="pull-left">&copy; 湘ICP备15010475号-1 版权所有<a href="https://www.welinkcredit.com/" target="_blank"> 湖南文沥征信数据服务有限公司</a>.各商标由其各自所有人持有。</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="col-md-4">
                            <div class="copyright visible-md visible-lg">
                                <p class="pull-left">联系电话<br>400-151-1001</p>
                            </div>
                            <div class="copyright visible-md visible-lg">
                                <p class="pull-left">联系邮箱<br>service@welinkcredit.com</p>
                            </div>
                        </div>
                        <div class="col-md-8 text-center">
                            <div class="col-md-6">
                                <a alt="湖南文沥征信数据服务有限公司" href="http://weibo.com/welinkcredit"><i class="fa fa-weibo fa-3x" aria-hidden="true"></i></a>
                            </div>
                            <div class="col-md-6">
                                <div id="weixin-icon">
                                    <div class="qr-code">
                                        <img src="images/QR_Code.png" alt="">
                                        <span class="caret"></span>
                                    </div>
                                    <i class="fa fa-weixin fa-3x" aria-hidden="true"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>

    </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <script src="js/utils.js"></script>
    <script src="js/validate.js"></script>
    <script src="js/zeroModal.min.js"></script>

    <!-- vue.js -->
    <script src="js/vue.js"></script>
    <script src="js/component.vue.js"></script>
    <script type="text/javascript" src="js/custom.vue.js"></script>
    <script>
        $('#register').addClass('active');
    </script>

    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</body>
</html>